<template>
  <div>
    <!--  标题栏  -->
    <div>
      <!--  返回  -->
      <div><img src="../../.././assets/static/publicImg/back.png"></div>
      <!--  标题  -->
      <div><span>活动历史</span></div>
    </div>
    <div>
      <!--  搜索框  -->
      <div>
        <img src="../../.././assets/static/activitiesHistory/3.png">
        <span>搜索</span>
      </div>
      <!--  历史记录  -->
      <div>
        <!--  第一个月  -->
        <div>
          <!--  查看每个月的支出和收入  -->
          <div>
            <div>
              <!--  支出  -->
              <div>
                <span>支出：$</span><span>200</span>
              </div>
              <!--  收入  -->
              <div>
                <span>收入：$</span><span>13</span>
              </div>
            </div>
            <!--  选择时间  -->
            <div>
              <span>2021年10月</span>
              <img src="../../.././assets/static/activitiesHistory/1.png">
            </div>
          </div>
          <!--  这个月的历史记录  -->
          <div>
            <!--  有消费  -->
            <div>
              <!--  图标、活动名称及时间  -->
              <div>
                <!--  活动图标  -->
                <div>
                  <img src="../../.././assets/static/activitiesHistory/2.png">
                </div>
                <!--  活动名称及时间  -->
                <div>
                  <!--  活动名称  -->
                  <div>
                    <span>开了B1025机器</span>
                  </div>
                  <!--  活动时间  -->
                  <div>
                    <span>10月8日 15:11</span>
                  </div>
                </div>
              </div>
              <!--  是否消费  -->
              <div>
                <img src="../../.././assets/static/activitiesHistory/4.png">
              </div>
            </div>
            <!--  无消费  -->
            <div>
              <!--  图标、活动名称及时间  -->
              <div>
                <!--  活动图标  -->
                <div>
                  <img src="../../.././assets/static/activitiesHistory/2.png">
                </div>
                <!--  活动名称及时间  -->
                <div>
                  <!--  活动名称  -->
                  <div>
                    <span>开了B1025机器</span>
                  </div>
                  <!--  活动时间  -->
                  <div>
                    <span>10月8日 15:11</span>
                  </div>
                </div>
              </div>
              <!--  是否消费  -->
              <div>
                <img src="../../.././assets/static/activitiesHistory/5.png">
              </div>
            </div>
          </div>
        </div>
        <!--  第二个月  -->
        <div>
          <!--  查看每个月的支出和收入  -->
          <div>
            <div>
              <!--  支出  -->
              <div>
                <span>支出：$</span><span>200</span>
              </div>
              <!--  收入  -->
              <div>
                <span>收入：$</span><span>13</span>
              </div>
            </div>
            <!--  选择时间  -->
            <div>
              <span>2021年10月</span>
              <img src="../../.././assets/static/activitiesHistory/1.png">
            </div>
          </div>
          <!--  这个月的历史记录  -->
          <div>
            <!--  有消费  -->
            <div>
              <!--  图标、活动名称及时间  -->
              <div>
                <!--  活动图标  -->
                <div>
                  <img src="../../.././assets/static/activitiesHistory/2.png">
                </div>
                <!--  活动名称及时间  -->
                <div>
                  <!--  活动名称  -->
                  <div>
                    <span>开了B1025机器</span>
                  </div>
                  <!--  活动时间  -->
                  <div>
                    <span>10月8日 15:11</span>
                  </div>
                </div>
              </div>
              <!--  是否消费  -->
              <div>
                <img src="../../.././assets/static/activitiesHistory/4.png">
              </div>
            </div>
            <!--  无消费  -->
            <div>
              <!--  图标、活动名称及时间  -->
              <div>
                <!--  活动图标  -->
                <div>
                  <img src="../../.././assets/static/activitiesHistory/2.png">
                </div>
                <!--  活动名称及时间  -->
                <div>
                  <!--  活动名称  -->
                  <div>
                    <span>开了B1025机器</span>
                  </div>
                  <!--  活动时间  -->
                  <div>
                    <span>10月8日 15:11</span>
                  </div>
                </div>
              </div>
              <!--  是否消费  -->
              <div>
                <img src="../../.././assets/static/activitiesHistory/5.png">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Middle',
  components: {
  },
  data() {
    return {
      artical: [
        {}
      ],
    }
  },
  methods: {},
  mounted() {
  }
}
</script>

<style scoped>


/*-------------- message -----------------*/
.message {
  margin-top: 14px;
}

.link {
  width: 14px;
  height: 14px;
}
</style>
